<!doctype html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="keywords" content="">
	<meta name="description" content="mezz">
	<meta name="author" content="mezz">
	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<link rel="shortcut icon" href="images/icon.png">
	<link href="css/ui.css" rel="stylesheet">
	<link href="css/swiper.min.css" rel="stylesheet">
	<link href="css/bootstrap-4.0.0.css" rel="stylesheet">
	<link rel="stylesheet" href="css/style.css">
	<script src="js/jquery.js"></script>
	<script src="js/jquery.qrcode.min.js"></script>
	<script src="js/swiper.min.js"></script>
	<script src="js/my_module.js"></script>
	<script src="js/ui.js"></script>
	<script src="js/index.js"></script>
	<title>水晶王国</title>
</head>

<body>
	<div class="topbg">
		<div class="left">
			<div class="gamename" style="margin-bottom: 8px;">
				<h1>应区块链而生</h1>
				<h2>全网唯一的区块链游戏权益资产</h2>
			</div>
			<!--<div class="hr"></div>-->
			<div class="secode">
				<span id="qr" style="width: 150px;height: 150px;background-color: rebeccapurple;"></span>

				<!-- <div class="p" style="margin-top:10px;">全网唯一的挖矿游戏</div> -->
				<br>
				<span class="p" style="display: block;margin:5px 0 5px 0;">注册有好礼！</span>
			</div>
			<!--<div class="hr"></div>-->
			<!-- <div class="gift">登录即可领取大礼包</div> -->
			<div class="btngroup" id="user_button" style="margin-top:20px;">
				<button class="reg">注册</button>
				<button class="log">登录</button>
			</div>
			<div class="logined" id="user_info">
				<span class="gameusername"></span>，您好！欢迎回来
			</div>
			<div class="logined">
				<!-- <span>注册赠送糖果数量：
					<span>100</span>
				</span> -->
				<!-- <br> -->
				<span>当前矿工餐数量：
					<span id="dqtl"></span>
				</span>
				<br>
				<span>推荐码：
					<span id="tuijian"></span>
				</span>
			</div>
			<div class="libao" style="display: none">
				<div class="lbtp"></div>
				<span>恭喜您登录成功，您成功领取10矿币！</span>
				<div class="qd">确认</div>
			</div>
			<div class="closebtn" style="margin-top:20px;display: none">
				<button class="out" id="loginout">退出</button>
			</div>
		</div>

		<div class="right">
			<div class="ps"></div>
			<div class="golds"></div>

		</div>
	</div>
	<div class="gamepop" style="">
		<!--<div class="left">-->
			<div class="pop" id="tuijian0">
				<sup></sup>
				<sub></sub>邀请有礼</div>
			<div class="huadong">
				<div class="tt">区块链休闲游戏介绍</div>
				<div class="bd">水晶王国是一款基于区块链底层技术设计的游戏，根据pow算法，每日按照游戏人物的体力值奖励WWC，可用于兑换游戏装备和商城里的商品。游戏中模拟现实中早八晚五的工作时长，中午休息，需要给游戏人物准备午餐，所挖宝藏72小时内不收取将消失。</div>
				<div class="tt">共赢链介绍</div>
				<div class="bd">共赢链（win-win chain）是全网唯一的基于“手机终端+区块链游戏+新型网络社区平台”的全新商业模式，以数字资产WWC为润滑剂实现用户和游戏、用户和平台、用户和商城之间的价值转换。每天按照游戏中人物的体力值和对整个生态系统的贡献值作为行为数据采集。开发团队力图打造一个安全稳定以手机游戏、智能家居、商城、广告传播等手机APP业态，以WWC为媒介作为奖励的全新生态系统，快速步入区块链+智能应用的时代。现在开始注册水晶王国（Crystal
					Kingdom）区块链手机游戏，既有礼物赠送
				</div>
				<div class="tt">奖励规则</div>
				<div class="bd">
					<p>每成功邀请一个好友注册，即可获得矿工午餐一份,多邀多得。</p>
					<!-- <p> <small>2、水晶王国拥有法律范围内对于活动的最终解释权，并将严查虚假邀请行为，一经发现将取消奖励资格。</small></p> -->
				</div>

				<div class="tt">邀请人数（已成功邀请
					<font id="renshu"></font>人）</div>
				<div class="bd yaoqing">

				</div>

			</div>
		<!--</div>-->
		<!--<div class="right">-->



		<!--</div>-->
	</div>
	<div class="gamepop">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<!-- <video class="swiper-slide" width="100%" controls src="images/game.mp4"></video> -->
				<img class="swiper-slide" src="images/393640721768900802.png">
				<img class="swiper-slide" src="images/747497167943344815.png">
				<img class="swiper-slide" src="images/687125016741388245.png">
				<img class="swiper-slide" src="images/259871761300500951.png">
			</div>
			<div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div>
		</div>
	</div>


	<div class="gamefn">
		<div class="tt">酷赚拼团点击 ↓ </div>
		<!--<div class="wangguo">-->
		<!--<a class="shuijing1">酷赚拼团点击 ↓ </a>-->
		<!--</div>-->
	</div>
	<div>
		<a id="goshop">
			<img src="images/lALPBbCc1aqQH5nNAUDNBAA_1024_320.png" style="width: 100%;height: 100%;">
		</a>
	</div>
	<div class="gamefn">
		<div class="tt">游戏人物列表</div>
		<div class="heros">
			<!--<div class="hero ">-->
			<!--<div class="hero6"></div>-->
			<!--&lt;!&ndash; <div class="detail">-->
			<!--<p>名称:adfas</p>-->
			<!--<p>战力:113</p>-->
			<!--<p>价格:120</p>-->
			<!--</div> &ndash;&gt;-->
			<!--<button class="buy">矿工-->
			<!--&lt;!&ndash;<br>算力:&ndash;&gt;-->
			<!--&lt;!&ndash;<br>113&ndash;&gt;-->
			<!--&lt;!&ndash;<br>价格:&ndash;&gt;-->
			<!--&lt;!&ndash;<br>120&ndash;&gt;-->
			<!--</button>-->
			<!--</div>-->
			<!--<div class="hero ">-->
			<!--<div class="hero3"></div>-->
			<!--&lt;!&ndash; <div class="detail">-->
			<!--<p>名称:adfas</p>-->
			<!--<p>战力:113</p>-->
			<!--<p>价格:120</p>-->
			<!--</div> &ndash;&gt;-->
			<!--<button class="buy">队长-->
			<!--&lt;!&ndash;<br>算力:&ndash;&gt;-->
			<!--&lt;!&ndash;<br>113&ndash;&gt;-->
			<!--&lt;!&ndash;<br>价格:&ndash;&gt;-->
			<!--&lt;!&ndash;<br>120&ndash;&gt;-->
			<!--</button>-->
			<!--</div>-->
			<div class="hero ">
				<div class="hero1"></div>
				<!-- <div class="detail">
						<p>算力:113</p>
						<p>价格:120</p>
					</div> -->
				<button class="buy">矿工
					<!--<br>算力:-->
					<!--<br>113-->
					<!--<br>价格:-->
					<!--<br>120-->
				</button>
			</div>

			<div class="hero ">
				<div class="hero4"></div>
				<!-- <div class="detail">
					<p>名称:adfas</p>
					<p>战力:113</p>
					<p>价格:120</p>
				</div> -->
				<button class="buy">队长
					<!--<br>算力:-->
					<!--<br>113-->
					<!--<br>价格:-->
					<!--<br>120-->
				</button>
			</div>
			<div class="hero ">
				<div class="hero2"></div>
				<!-- <div class="detail">
						<p>名称:adfas</p>
						<p>战力:113</p>
						<p>价格:120</p>
					</div> -->
				<button class="buy">矿长
					<!--<br>算力:-->
					<!--<br>113-->
					<!--<br>价格:-->
					<!--<br>120-->
				</button>
			</div>
			<div class="hero ">
				<div class="hero7"></div>
				<!-- <div class="detail">
					<p>名称:adfas</p>
					<p>战力:113</p>
					<p>价格:120</p>
				</div> -->
				<button class="buy">贵族
					<!--<br>算力:-->
					<!--<br>113-->
					<!--<br>价格:-->
					<!--<br>120-->
				</button>
			</div>
			<div class="hero ">
				<div class="hero5"></div>
				<!-- <div class="detail">
					<p>名称:adfas</p>
					<p>战力:113</p>
					<p>价格:120</p>
				</div> -->
				<button class="buy">国王
					<!--<br>算力:-->
					<!--<br>113-->
					<!--<br>价格:-->
					<!--<br>120-->
				</button>
			</div>
		</div>
	</div>


	<!--脚部-->
	<div class="foot">
		<div class="cont">
			<!-- <div class="links">
        <a href="">关于我们</a>
        <a href="">帮助中心</a>
        <a href="">钱包下载</a>
      </div> -->
			<br>
			<!-- <div class="cr">
				数字货币交易具有极高的风险（预挖、暴涨暴跌、庄家操控、团队解散、技术缺陷等），您需要完全对自己的投资损失承担责任，如果您不能接受，请不要进行交易！
				<br> 据国家五部委《关于防范比特币风险的通知》，BLOCK CHAIN平台仅为数字货币的爱好者提供一个自由的网上交换平台，对币的投资价值不承担任何审查、担保、赔偿的责任
			</div> -->
			<div class="cr">Copyright © 2018-2021 BLC All Rights Reserved. </div>
		</div>
	</div>

	<!--登录-->
	<div class="dialog logJB log1">
		<div class="hd">登录</div>
		<div class="close"></div>
		<div class="bd">
			<span id="loginwaringinfo" style="color: red;"></span>
			<label for="long_name_input">
				<input type="text" name="login_user" id="long_name_input" class="zz">
				<span>手机号</span>
				<span class="cc" style="color: red;" id="loginname"></span>
			</label>
			<label for="long_password_input">
				<input type="password" name="long_pwd" id="long_password_input" class="zz">
				<span>密码</span>
				<span class="cc" style="color: red;" id="passsword"></span>
			</label>
			<div class="ok forgot" id="forgetbutton">忘记密码</div>
		</div>
		<div class="ft">
			<button class="ok" id="loginbutton">登录</button>
		</div>
	</div>
	<!-- 忘记密码 -->
	<div class="dialog logJB log2">
		<div class="hd">忘记密码</div>
		<div class="close"></div>
		<div class="bd">
			<label for="phone">
				<input type="text" id="forphone" class="zz">
				<span>手机号码</span>
				<span class="cc" style="color: red" id="forphoneinfo"></span>
			</label>
			<label for="msgcode">
				<input type="text" id="formsg" class="msgcode zz">
				<span>短信验证码</span>
				<button class="send" id="sendformsg">发送验证码</button>
				<span class="cc" style="color: red" id="fortext"></span>
			</label>
			<label for="long_xin_input">
				<input type="password" name="login_user" id="newpassword" class="zz">
				<span>新密码</span>
				<span class="cc" style="color: red;" id="newinfo"></span>
			</label>
			<label for="long_queren_input">
				<input type="password" name="long_pwd" id="confirmnewpassword" class="zz">
				<span>确认新密码</span>
				<span class="cc" style="color: red;" id="confirmnewinfo"></span>
			</label>
		</div>
		<div class="ft">
			<button class="ok" id="forgotgo">确定</button>
		</div>
	</div>

	<!--注册-->
	<div class="dialog regJB">
		<div class="hd">注册</div>
		<div class="close"></div>
		<div class="bd">
			<div class="step1">
				<label for="nickname">
					<input type="text" id="nickname" class="zz">
					<span>昵称</span>
					<span class="cc" style="color: red" id="nick"></span>
				</label>
				<label for="phone">
					<input type="text" id="phone" class="zz">
					<span>手机号码</span>
					<span class="cc" style="color: red" id="waringphone"></span>
				</label>
				<label for="msgcode">
					<input type="text" id="msgcode" class="zz">
					<span>短信验证</span>
					<button class="send" id="sendbutn">发送验证码</button>
					<span class="cc" style="color: red" id="smstext"></span>
				</label>
				<label for="popcode">
					<input type="text" id="popcode" class="zz">
					<span>推荐码</span>
				</label>
			</div>
			<div class="step2">
				<label for="loginpw">
					<input type="password" id="loginpw" class="zz">
					<span>登录密码</span>
					<span class="cc" style="color: red" id="regpassword"></span>
				</label>
				<label for="loginpw2">
					<input type="password" id="loginpw2" class="zz">
					<span>确认登录密码</span>
					<span class="cc" style="color: red" id="regconfirmpwd"></span>
				</label>
				<label for="dealpw">
					<input type="password" id="dealpw" class="zz">
					<span>交易密码</span>
					<span class="cc" style="color: red" id="paypassword"></span>
				</label>
				<label for="dealpw2">
					<input type="password" id="dealpw2" class="zz">
					<span>确认交易密码</span>
					<span class="cc" style="color: red" id="confirmpaypwd"></span>
				</label>
			</div>
		</div>
		<div class="ft">
			<button class="ok step1">下一步</button>
			<button class="ok step2" id="goregistered">注册</button>
		</div>
	</div>


	<!--弹框--推广-->
	<!-- <div class="dialog popJB">
		<div class="hd">推广</div>
		<div class="close"></div>
		<div class="bd">
			<div class="row">
				<div class="tt">已推广给</div>
				<div class="sub">10人</div>
			</div>
			<div class="row">
				<div class="tt">推广获得</div>
				<div class="sub">10%加成</div>
			</div>
			<div class="row">
				<div class="tt">推广码</div>
				<div class="popnum">12312412</div>
			</div>

			<div class="poprow">
				<div class="tt">立即分享</div>
			</div>
			<div class="ft" style="width: 100%; margin-top: 10px;">
				<div class="pwb"></div>
				<div class="pqq"></div>
				<div class="pwx"></div>
			</div>
		</div>
		
	</div> -->
	<div class="opcy"></div>
</body>

<script>
	$(function () {
		popout = function () {
			$('.popJB,.opcy').show();
		};
		sfix = function () {
			if ($(window).width() <= 640) {
				$('body').addClass('mobile');
			} else {
				$('body').removeClass('mobile');
			}
			var mySwiper = new Swiper('.swiper-container', {
				// autoplay:true,
				observer: true,
				observeParents: true,

				// 如果需要前进后退按钮
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});
		};
		$(document).ready(function () {
			sfix();
		});
		$(window).resize(function () {
			sfix();
		});
		$('.hero').click(function () {
			$(this).toggleClass('active', '');
		})
	})
</script>

</html>